<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的电子证书网站</title>
<link href="css.css" rel="stylesheet" type="text/css" />
  <link href="css/buttonCss.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body { background-color: #edeef0; }
</style>
</head>

<body>
<div id="app">
<iframe src="page/pageHead2.html" scrolling="no" frameborder="0" width="100%"  height="59px"></iframe>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">&nbsp;</td>
  </tr>
</table>
<table width="1100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="15" valign="top"><table width="1100" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
      <tr>
        <td width="266" align="left" valign="top"><table width="250" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td height="50" align="center" class="hui-20">会员中心</td>
          </tr>
          <tr>
            <td align="left"><table width="250" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="246" rowspan="2" align="left" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="center" bgcolor="#f2f2f2"><table width="100%" border="0" cellspacing="8" cellpadding="0">
                      <tr>
                        <td align="left"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                          <tr>
                            <td width="82%" align="left"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                              <tr>
                                <td height="30" align="left"><span class="hui-16">{{member.realname}}</span></td>
                                </tr>
                              <tr>
                                <td align="left"><span class="hui12a"><a @click="exit" class="huise">退出登录</a></span></td>
                                </tr>
                              </table></td>
                            </tr>
                          </table></td>
                      </tr>
                      </table></td>
                  </tr>
                  <tr>
                    <td align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#1e7cc0">
                      <tr>
                        <td width="13%" height="40">&nbsp;</td>
                        <td width="87%" align="left" class="bai-14"><strong>账号信息</strong></td>
                      </tr>
                    </table>
                      <table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#f2f2f2">
                        <tr>
                          <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="9%" height="40" align="left">&nbsp;</td>
                                <td width="91%" align="left"><a href="hou.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>我的证书</a></td>
                              </tr>
                            </table></td>
                        </tr>
                         <!--<tr>-->
                           <!--<td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">-->
                              <!--<table width="100%" border="0" cellspacing="0" cellpadding="0">-->
                                <!--<tr>-->
                                  <!--<td width="9%" height="40" align="left">&nbsp;</td>-->
                                  <!--<td width="91%" align="left"><a href="appealList.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>我的申诉</a></td>-->
                                <!--</tr>-->
                              <!--</table></td>-->
                          <!--</tr>-->
                          <tr>
                             <td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                 <tr>
                                   <td width="9%" height="40" align="left">&nbsp;</td>
                                   <td width="91%" align="left"><a href="info.html"><span class="hui-16"><img src="images/jiao.jpg" width="12" height="10" /></span>消息通知</a></td>
                                 </tr>
                               </table>
                             </td>
                          </tr>
                      </table></td>
                  </tr>
                </table></td>
                <td width="4" align="right" valign="top" background="images/index_8bg.jpg"><img src="images/index_8.jpg" width="8" height="11" /></td>
              </tr>
              <tr>
                <td background="images/index_8bg.jpg">&nbsp;</td>
              </tr>
              <tr>
                <td colspan="2" align="left"><img src="images/index_8a.jpg" width="250" height="22" /></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table></td>
        <td width="834" align="right" valign="top"><table width="820" border="0" cellspacing="10" cellpadding="0" bgcolor="#FFFFFF">
          <tr>
            <td width="298" height="30" align="left" class="hui-20">我的证书</td>
          </tr>
          <tr>
            <td colspan="2" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="2" bgcolor="#0c99fd"></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2" align="left" valign="top"><table width="100%" border="0" cellspacing="4" cellpadding="0">
              <tr>
                <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="2" cellpadding="0" bgcolor="#ecedef">
                  <tr>
                    <td width="7%" height="30" align="center">序号</td>
                    <td width="15%" align="center">奖状图片</td>
                    <td width="38%" align="left">主题名称</td>
                    <td width="20%" align="center">创建时间</td>
                    <!--<td width="20%" align="center">操作</td>-->
                  </tr>
                </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="10"></td>
                    </tr>
                  </table>
                  <li v-for="(item,index) in prizeList">
                    <table width="100%" border="0" cellspacing="2" cellpadding="0">
                        <tr>
                          <td width="7%" align="center" class="hui14">{{(pageIndex-1) * pageSize + index + 1}}</td>
                          <td width="15%" align="center" class="hui14">
                            <a :href="'prizeDetail.html?prizeId=' + item.id" class="heisel">
                              <img :src="SERVER_HOST + '/' + item.imgpath" width="100" height="100"/>
                            </a>
                          </td>
                          <td width="38%" align="left" class="hui14">{{item.theme ? item.theme.name : ''}}</td>
                          <td width="20%" align="center" class="hui14">{{item.createtime}}</td>
                          <!--<td width="20%" align="center" class="hui14"><a :href="'appealForm.html?prizeId=' + item.id" class="button button-primary button-rounded button-small">奖状申诉</a></td>-->
                        </tr>
                        <tr>
                          <td colspan="5" align="center" class="hui14"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td background="images/index_4_xian.jpg"><img src="images/index_4_xian.jpg" width="2" height="7" /></td>
                            </tr>
                          </table></td>
                        </tr>
                    </table>
                  </li>
                  <table width="100%" border="0" cellspacing="2" cellpadding="0" bgcolor="#ecedef">
                    <tr>
                      <td width="25%" align="center">总共 {{total}} 条记录; 第 1 页,共 {{pageCon}}页
                        <a @click="pageSelect(1)">首页</a>
                        <a @click="pageSelect(pageIndex-1)">上一页</a>
                        <a @click="pageSelect(pageIndex+1)">下一页</a>
                        <a @click="pageSelect(pageCon)">最后一页</a>
                      </td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2" align="left">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
<iframe src="page/pageFoot.html" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
<script src='https://unpkg.com/vue@2.0.5/dist/vue.js'></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script type="text/javascript" src="../libs/util.js"></script>
<script type="text/javascript" src="js/hou.js"></script>
</body>
</html>
